<template>
	<view class="frame">
		<view class="top_nav_box">
			<navigation-custom :config="config" />
		</view>
		<view class="content_hadrimg">
			<image :src="imgUrl+'shujubaiojiao.png'" mode="aspectFill"  v-if="showzhez == false"></image>
			<view style="width: 100%;background-color: #F5F7FB !important;" v-if="showzhez == false">
				<view class="gngzihuiz">
					<view class="gunzio_row">
						<image :src="imgUrl+'gonghzihui.png'" mode="aspectFill" class="gonghzihui"></image>
						<view class="gongzi_time_fkex" @click="show = true">
							<view class="timew_name">
								{{dayinfasd}}
							</view>
							<image :src="imgUrl+'xialkaheios.png'" mode="aspectFill" class="xialkaheios"></image>
						</view>
					</view>
					<view class="gonhgzixinxi_view">
						<view class="gonhzi_one" style="margin-left: 20rpx;">
							<view class="gonhz_name">
								基础工资
							</view>
							<view class="gonhz_gongzi">
								{{basics.money}}
							</view>
							<view class="baiochi_rte" v-if="basics.percentage == '' && basics.trend== '' ">
			
							</view>
							<view class="baiochi_rte" v-if="basics.percentage == '0%' && basics.trend== '持平' ">
								保持不变
							</view>
							<view class="baiochi_rte" v-if="basics.percentage != '' && basics.trend== '上升'">
								<image :src="imgUrl+'shangdada.png'" mode="" class="shangsfhasd"></image>
								<view class="sadlaidaasd">
									{{basics.percentage}}
								</view>
							</view>
							<view class="baiochi_rte" v-if="basics.percentage != '' && basics.trend== '下降'">
								<image :src="imgUrl+'xiaiangdad.png'" mode="" class="shangsfhasd"></image>
								<view class="sadlaidaasd">
									{{basics.percentage}}
								</view>
							</view>
						</view>
						<view class="gonhzi_one">
							<view class="gonhz_name">
								绩效工资
							</view>
							<view class="gonhz_gongzi">
								{{perfors.money}}
							</view>
							<view class="baiochi_rte" v-if="perfors.percentage == '' && perfors.trend== '' ">
			
							</view>
							<view class="baiochi_rte" v-if="perfors.percentage == '0%' && perfors.trend== '持平' ">
								保持不变
							</view>
							<view class="baiochi_rte" v-if="perfors.percentage != '' && perfors.trend== '上升'">
								<image :src="imgUrl+'shangdada.png'" mode="" class="shangsfhasd"></image>
								<view class="sadlaidaasd">
									{{perfors.percentage}}
								</view>
							</view>
							<view class="baiochi_rte" v-if="perfors.percentage != '' && perfors.trend== '下降'">
								<image :src="imgUrl+'xiaiangdad.png'" mode="" class="shangsfhasd"></image>
								<view class="sadlaidaasd">
									{{perfors.percentage}}
								</view>
							</view>
						</view>
						<view class="gonhzi_one">
							<view class="gonhz_name">
								实发工资
							</view>
							<view class="gonhz_gongzi">
								{{reals.money}}
							</view>
							<view class="baiochi_rte" v-if="reals.percentage == '' && reals.trend== '' ">
			
							</view>
							<view class="baiochi_rte" v-if="reals.percentage == '0%' && reals.trend== '持平' ">
								保持不变
							</view>
							<view class="baiochi_rte" v-if="reals.percentage != '' && reals.trend== '上升'">
								<image :src="imgUrl+'shangdada.png'" mode="" class="shangsfhasd"></image>
								<view class="sadlaidaasd">
									{{reals.percentage}}
								</view>
							</view>
							<view class="baiochi_rte" v-if="reals.percentage != '' && reals.trend== '下降'">
								<image :src="imgUrl+'xiaiangdad.png'" mode="" class="shangsfhasd"></image>
								<view class="sadlaidaasd">
									{{reals.percentage}}
								</view>
							</view>
						</view>
					</view>
					<view class="charxsasda">
						<view class="wanuuan">
							万元
						</view>
						<qiun-data-charts type="column" :opts="opts" :chartData="chartData" :canvas2d="true"
							class="iasmdafa" />
							<view class="csadasdacasc" @click="getvasd()" v-if="isxiansh == false && imasghaext.length > 0">
								<view class="ca_name">
									点击查看明细
								</view>
								<image :src="imgUrl+'xaidalda.png'" mode="aspectFill" class="chakndda">
							</view>
							<view class="essay_cent" v-if="isxiansh == true && imasghaext.length > 0">
								<view class="uni-margin-wrap">
									<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
										:interval="interval" :duration="duration">
										<swiper-item v-for="(item,index) in imasghaext" :key="index" >
											<image :src="item.image" mode="aspectFill" class="iasfaadadad"  @click="hetdada(index)"></image>
										</swiper-item>
									</swiper>
								</view>
							</view>
							<view class="csadasdacasc" @click="getvasd()" v-if="isxiansh == true && imasghaext.length > 0">
								<view class="ca_names">
									收起
								</view>
								<image :src="imgUrl+'shandgad.png'" mode="aspectFill" class="chakndda">
							</view>
					</view>
				</view>
			
				<view class="gngzihuizsss">
					<view class="gunzio_row">
						<image :src="imgUrl+'shoruadad.png'" mode="aspectFill" class="gonghzihui"></image>
						<view class="gongzi_time_fkex" @click="shows = true">
							<view class="timew_name">
								{{dayinfasds}}
							</view>
							<image :src="imgUrl+'xialkaheios.png'" mode="aspectFill" class="xialkaheios"></image>
						</view>
					</view>
					<view class="gonhgzixinxi_views">
						<view class="asdasname">
							当前月份业绩总额
						</view>
						<view class="asdasname_row">
							<image :src="imgUrl+'shangdada.png'" mode="" class="shangsfhasd"
								v-if="shouru.percentage != '' && shouru.trend== '上升'"></image>
							<image :src="imgUrl+'xiaiangdad.png'" mode="" class="shangsfhasd"
								v-if="shouru.percentage != '' && shouru.trend== '下降'"></image>
							<view class="sadlaidaasd" v-if="shouru.percentage != '' && shouru.trend== '上升'">
								{{shouru.percentage}}
							</view>
							<view class="sadlaidaasdasdad" v-if="shouru.percentage != '' && shouru.trend== '下降'">
								{{shouru.percentage}}
							</view>
							<view class="baiochi_rtes" v-if="shouru.percentage == '0%' && shouru.trend== '持平' ">
								保持不变
							</view>
							<view class="gonhz_gongzis">
								{{shouru.money}}
							</view>
						</view>
					</view>
					<view class="charxsasda">
						<view class="wanuuan">
							万元
						</view>
						<qiun-data-charts type="column" :opts="optss" :chartData="chartDatas" :canvas2d="true"
							class="iasmdafa" />
					</view>
				</view>
				<view class="binhtisddfafad">
					<view class="tbasd">
						<view :class="tabindx == 0 ? 'yansdf' :'yansdfs'" @click="getbvd(0)">
							医院人数占比
						</view>
						<view :class="tabindx == 1 ? 'yansdf' :'yansdfs'" @click="getbvd(1)">
							岗位人数占比
						</view>
						<view :class="tabindx == 2 ? 'yansdf' :'yansdfs'" @click="getbvd(2)">
							星级人数占比
						</view>
					</view>
					<view class="asdadasada">
						<qiun-data-charts type="pie" :opts="optssss" :chartData="chartDatasss" :canvas2d="true" />
					</view>
					<view class="shujusada" v-if="tabindx == 0">
						<view class="shujusada_asda">
							<view class="adada_row">
								<view class="linasda"></view>
								<view class="linasda_name">
									临沂卫康
								</view>
							</view>
							<view class="sadasda">
								{{sum_2_nums}}人
							</view>
						</view>
						<view class="shujusada_asda">
							<view class="adada_row">
								<view class="linasda" style="background-color: #34B8FF;"></view>
								<view class="linasda_name">
									临沂微整
								</view>
							</view>
							<view class="sadasda" style="color: #34B8FF;">
								{{sum_1_nums}}人
							</view>
						</view>
						<view class="shujusada_asda">
							<view class="adada_row">
								<view class="linasda" style="background-color: #FEAA02;"></view>
								<view class="linasda_name">
									苏州卫康
								</view>
							</view>
							<view class="sadasda" style="color: #FEAA02;">
								{{sum_3_nums}}人
							</view>
						</view>
					</view>
					<view class="shujusada" v-if="tabindx == 1">
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda"></view>
								<view class="linasda_name">
									网电咨询
								</view>
							</view>
							<view class="sadasda">
								{{sum_2_nums}}人
							</view>
						</view>
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda" style="background-color: #34B8FF;"></view>
								<view class="linasda_name">
									现场咨询
								</view>
							</view>
							<view class="sadasda" style="color: #34B8FF;">
								{{sum_1_nums}}人
							</view>
						</view>
					</view>
					<view class="shujusada" v-if="tabindx == 1" style="margin-top: 20rpx;">
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda" style="background-color: #FEAA02;"></view>
								<view class="linasda_name">
									经营院长
								</view>
							</view>
							<view class="sadasda" style="color: #FEAA02;">
								{{sum_3_nums}}人
							</view>
						</view>
					</view>
					<view class="shujusada" v-if="tabindx == 2">
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda" style="background-color: #34B8FF;"></view>
								<view class="linasda_name">
									一星咨询顾问
								</view>
							</view>
							<view class="sadasdas">
								<view class="nasad" style="color: #34B8FF;">
									{{sum_1_nums}}人
								</view>
								<view class="nasads" style="color: #34B8FF;">
									{{sum_1_numss}}%
								</view>
							</view>
						</view>
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda" style="background-color: #3CA272;"></view>
								<view class="linasda_name">
									二星咨询顾问
								</view>
							</view>
							<view class="sadasdas">
								<view class="nasad" style="color: #3CA272;">
									{{sum_2_nums}}人
								</view>
								<view class="nasads" style="color: #3CA272;">
									{{sum_2_numss}}%
								</view>
							</view>
						</view>
					</view>
					<view class="shujusada" v-if="tabindx == 2" style="margin-top: 20rpx;">
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda" style="background-color: #FEAA02;"></view>
								<view class="linasda_name">
									三星咨询顾问
								</view>
							</view>
							<view class="sadasdas">
								<view class="nasad" style="color: #FEAA02;">
									{{sum_3_nums}}人
								</view>
								<view class="nasads" style="color: #FEAA02;">
									{{sum_3_numss}}%
								</view>
							</view>
						</view>
						<view class="shujusada_asdas">
							<view class="adada_row">
								<view class="linasda" style="background-color: ##EE6666;"></view>
								<view class="linasda_name">
									咨询顾问
								</view>
							</view>
							<view class="sadasdas">
								<view class="nasad" style="color: ##EE6666;">
									{{sum_4_nums}}人
								</view>
								<view class="nasads" style="color: ##EE6666;">
									{{sum_4_numss}}%
								</view>
							</view>
						</view>
					</view>
				</view>
				<view style="width: 100%;height: 200rpx;"></view>
			</view>
			<view class="masgsadasdad" v-if="showzhez == true && islogos == false">
				<view class="tanucyasdad">
					<view class="tanucyasdad_name">
						抱歉，您当前暂无权查看此报表
					</view>
					<view class="ssadaadad" @click="getasdadadada">
						我知道了
					</view>
				</view>
			</view>
			<view class="masgsadasdad" v-if="showzhez == true && islogos == true">
				<view class="tanucyasdad">
					<view class="tanucyasdad_name">
						您当前还未登陆不能查看此内容
					</view>
					<view class="ssadaadad" @click="getasd">
						去登录
					</view>
				</view>
			</view>
		</view>
		<!-- 登录弹窗 -->
		<login :show="showasdada" @loadpage="closepage" @closepage="closepage" :avataimage="avataimage" @payment-success="refreshArray"></login>
		<u-datetime-picker :show="show" v-model="value1" mode="year-month" ref="datetimePicker" @confirm="confirm"
			@close="show=false" :closeOnClickOverlay="true" :closeOnClickAction="true" @cancel="cancel"
			:formatter="formatter" :maxDate="Number(new Date())"></u-datetime-picker>
		<u-datetime-picker :show="shows" v-model="value1s" mode="year-month" ref="datetimePicker" @confirm="confirms"
			@close="shows=false" :closeOnClickOverlay="true" :closeOnClickAction="true" @cancel="cancels"
			:formatter="formatter" :maxDate="Number(new Date())"></u-datetime-picker>
		<u-loading-page :loading="isloging"></u-loading-page>
	</view>
</template>

<script>
	import config from '@/common/config.js';
	import navigationCustom from "@/components/struggler-navigationCustom/navigation-custom";
	import jyfParser from "@/components/jyf-parser/jyf-parser";
	export default {
		components: {
			navigationCustom,
			jyfParser
		},
		data() {
			return {
				showasdada:false,
				avataimage: 'https://star.googom.cn/image/ogsda.png',
				indicatorDots: true,
				autoplay: true,
				interval: 3000,
				duration: 500,
				content: '', //富文本
				tagStyle: {
					img: 'display: block;width: 100%!important;height:auto!important;',
					p: 'margin-bottom: 10rpx;line-height: 50rpx;padding: 0 20rpx;'
				},
				showzhez:false,
				config: {
					title: "数据报表", //title
					bgcolor: "transparent", //背景颜色
					fontcolor: "#fff", //文字颜色，默认白色
					type: 4, //type 1，3胶囊 2，4无胶囊模式
					transparent: false, //是否背景透明 默认白色
					linear: false, //是为开启下滑渐变
					share: false, //是否将主页按钮显示为分享按钮
					menuIcon: "", //当type为3或者4的时候左边的icon文件位置，注意位置与当前页面不一样
				},
				imgUrl: config.imgUrl,
				show: false,
				value1: Number(new Date()),
				shows: false,
				value1s: Number(new Date()),
				dayinfasd: '',
				dayinfasds: '',
				imasda: false,
				chartData: {},
				//您可以通过修改 config-ucharts.js 文件中下标为 ['column'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				opts: {
					color: ["#F94141", "#FFF9F4", ],
					padding: [15, 15, 0, 5],
					enableScroll: false,
					legend: {},
					xAxis: {
						disableGrid: true
					},
					yAxis: {
						data: [{
							min: 0
						}]
					},
					extra: {
						column: {
							type: "group",
							width: 12,
							activeBgColor: "#000000",
							activeBgOpacity: 0.08,
							linearType: "custom",
							seriesGap: 5,
							linearOpacity: 0.5,
							barBorderCircle: true,
							customColor: [
								"#F94141",
								"#FFF9F4"
							]
						}
					},
				},
				chartDatas: {},
				//您可以通过修改 config-ucharts.js 文件中下标为 ['column'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				optss: {
					color: ["#24C1FF", "#FFF9F4", ],
					padding: [15, 15, 0, 5],
					enableScroll: false,
					legend: {},
					xAxis: {
						disableGrid: true
					},
					yAxis: {
						data: [{
							min: 0
						}]
					},
					extra: {
						column: {
							type: "group",
							width: 12,
							activeBgColor: "#000000",
							activeBgOpacity: 0.08,
							linearType: "custom",
							seriesGap: 5,
							linearOpacity: 0.5,
							barBorderCircle: true,
							customColor: [
								"#24C1FF",
								"#FFF9F4"
							]
						}
					},
				},
				tabindx: 0,
				chartDatasss: {},
				optssss: {
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [5, 5, 5, 5],
					enableScroll: false,
					extra: {
						pie: {
							activeOpacity: 0.5,
							activeRadius: 10,
							offsetAngle: 0,
							labelWidth: 15,
							border: false,
							borderWidth: 3,
							borderColor: "#FFFFFF"
						}
					}
				},
				basics: {},
				reals: {},
				perfors: {},
				shouru: {},
				sum_1_nums: 0,
				sum_2_nums: 0,
				sum_3_nums: 0,
				sum_4_nums: 0,
				sum_1_numss: 0,
				sum_2_numss: 0,
				sum_3_numss: 0,
				sum_4_numss: 0,
				isxiansh:false,
				imasghaext:[],
				imageList:[],
				islogos:false,
				isloging: true,
			}
		},
		onReady() {
			// 微信小程序需要用此写法
			this.$refs.datetimePicker.setFormatter(this.formatter)
		},
		onPageScroll(res) {
			var a = this
			if (0 < res.scrollTop <= 40) {
				a.config.bgcolor = 'rgba(253, 238, 238,0)'
			}
			if (40 < res.scrollTop <= 120) {
				a.config.bgcolor = 'rgba(253, 238, 238, 0.2)'
				a.config.menuIcon = ''
				a.config.title = '数据报表'
				a.config.fontcolor = '#fff'
			}
			if (60 < res.scrollTop <= 220) {
				a.config.bgcolor = 'rgba(253, 238, 238, 0.4)'
				a.config.menuIcon = ''
				a.config.title = '数据报表'
				a.config.fontcolor = '#000'
			}
			if (res.scrollTop > 220) {
				a.config.bgcolor = 'rgba(253, 238, 238, 1)'
				a.config.menuIcon = ''
				a.config.title = '数据报表'
				a.config.fontcolor = '#000'
			}
			if (res.scrollTop == 0) {
				a.config.bgcolor = 'rgba(253, 238, 238, 0)'
				a.config.menuIcon = ''
				a.config.title = '数据报表'
				a.config.fontcolor = '#fff'
			}
		},
		onPullDownRefresh() {
			let _this = this;
			_this.getdates();
			_this.getfdsaf();
			
			//查询人员比例
			_this.getbvd(0)
			//购买须知
			_this.getgoo()
			
		},
		onShow() {
			this.getkeep();
		},
		onLoad() {
			let now = new Date();
			let year = now.getFullYear();
			let month = now.getMonth() + 1;
			let date = now.getDate();
			let currentDate = ''
			if (month > 10 || month == 10) {
				currentDate = `${year}-${month}`;
			} else {
				currentDate = `${year}-0${month}`;
			}
			this.getdates();
			this.dayinfasd = currentDate
			this.dayinfasds = currentDate
			this.getfdsaf();
			this.getkeep();
			//查询人员比例
			this.getbvd(0)
			//购买须知
			this.getgoo()
		},
		methods: {
			refreshArray(){
				var taht = this
				let now = new Date();
				let year = now.getFullYear();
				let month = now.getMonth() + 1;
				let date = now.getDate();
				let currentDate = ''
				if (month > 10 || month == 10) {
					currentDate = `${year}-${month}`;
				} else {
					currentDate = `${year}-0${month}`;
				}
				taht.dayinfasd = currentDate
				taht.dayinfasds = currentDate
				taht.getfdsaf();
				taht.getkeep();
				//查询人员比例
				taht.getbvd(0)
				//购买须知
				taht.getgoo()
			},
			closepage() {
				this.showasdada = false
			},
			//购买须知
			async getdates() {
				var that = this
				let datasd = await that.$api.getdate();
				that.dayinfasd = datasd.data
				that.dayinfasds = datasd.data
				//查询基础工资
				that.getsalarys();
				//查询工资统计图
				that.getServerData();
				//查询收入汇总
				that.getincomes()
				//查询业绩统计图
				that.getServerDatas();
			},
			//购买须知
			async getgoo() {
				var that = this
				let datasd = await that.$api.getshows({
					 date: that.dayinfasd
				});
				this.imasghaext = datasd.data
			},
			getvasd(){
				if(this.isxiansh == false){
					this.isxiansh = true
				}else{
					this.isxiansh = false
				}
			},
			getfdsaf(){
				this.value1 = Number(new Date())
				this.value1s = Number(new Date())
			},
			async getkeep(){
				var that = this;
				let data = await that.$api.getkeep();
				if (data.code == 1) {
					if(data.data == 1 && data.data !=null){
						that.showzhez = false
						that.islogos = false
					}else{
						that.showzhez = true
						that.islogos = true
					}
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			//查询基础工资
			async getsalarys() {
				var that = this;
				let data = await that.$api.getsalary({
					data: that.dayinfasd
				});
				uni.stopPullDownRefresh()
				if (data.code == 1) {
					that.isloging = false
					that.basics = data.data.basic
					that.perfors = data.data.perfor
					that.reals = data.data.real
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			//查询工资统计图
			async getServerData() {
				var that = this;
				let data = await that.$api.getsalaryChart({
					data: that.dayinfasd
				});
				uni.stopPullDownRefresh()
				if (data.code == 1) {
					let res = {
						categories: data.data.date,
						series: [{
							name: "工资",
							data: data.data.data
						}]
					};
					that.chartData = JSON.parse(JSON.stringify(res));
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			//查询收入汇总
			async getincomes() {
				var that = this;
				let data = await that.$api.getincome({
					data: that.dayinfasds
				});
				if (data.code == 1) {
					that.shouru = data.data
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			//查询业绩统计图
			async getServerDatas() {
				var that = this;
				let data = await that.$api.getincomeChart({
					data: that.dayinfasds
				});
				if (data.code == 1) {
					//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
					let res = {
						categories: data.data.date,
						series: [{
							name: "收入",
							data: data.data.data
						}]
					};
					that.chartDatas = JSON.parse(JSON.stringify(res));
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			formatter(type, value) {
				if (type === 'year') {
					return `${value}年`
				}
				if (type === 'month') {
					return `${value}月`
				}
				return value
			},
			confirm(e) {
				this.show = false
				this.result(e.value, e.mode)
			},
			cancel() {
				this.show = false
			},
			result(time, mode) {
				const timeFormat = uni.$u.timeFormat
				const data = timeFormat(time, 'yyyy-mm')
				let str = data;
				this.dayinfasd = str
				this.getsalarys()
				this.getServerData()
				this.imageList = []
				//购买须知
				this.getgoo()
			},
			confirms(e) {
				this.shows = false
				this.results(e.value, e.mode)
			},
			cancels() {
				this.shows = false
			},
			results(time, mode) {
				const timeFormat = uni.$u.timeFormat
				const data = timeFormat(time, 'yyyy-mm')
				let str = data;
				this.dayinfasds = str
				this.getincomes()
				this.getServerDatas()
			},
			getdasfaad() {
				this.imasda = true
			},
			getbvd(e) {
				this.tabindx = e
				if (e == 0) {
					this.getinciosda()
				} else if (e == 1) {
					this.getinciosdas()
				} else if (e == 2) {
					this.getinciosdass()
				}
			},
			//查询人员比例
			async getinciosda() {
				var that = this;
				let data = await that.$api.getproportion({
					type: 1
				});
				if (data.code == 1) {
					let res = {
						series: [{
							data: [{
								"name": "临沂微整",
								"value": data.data.sum_1
							}, {
								"name": "临沂卫康",
								"value": data.data.sum_2
							}, {
								"name": "苏州卫康",
								"value": data.data.sum_3
							}]
						}]
					};
					that.chartDatasss = JSON.parse(JSON.stringify(res));
					that.sum_1_nums = data.data.sum_1_num
					that.sum_2_nums = data.data.sum_2_num
					that.sum_3_nums = data.data.sum_3_num
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			//查询人员比例
			async getinciosdas() {
				var that = this;
				let data = await that.$api.getproportion({
					type: 2
				});
				if (data.code == 1) {
					let res = {
						series: [{
							data: [{
								"name": "现场咨询",
								"value": data.data.sum_1
							}, {
								"name": "网电咨询",
								"value": data.data.sum_2
							}, {
								"name": "经营院长",
								"value": data.data.sum_3
							}]
						}]
					};
					that.chartDatasss = JSON.parse(JSON.stringify(res));
					that.sum_1_nums = data.data.sum_1_num
					that.sum_2_nums = data.data.sum_2_num
					that.sum_3_nums = data.data.sum_3_num
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			getasdadadada(){
				uni.switchTab({
					url:'/pages/page/launch'
				})
			},
			getasd(){
				this.showasdada = true
			},
			//查询人员比例
			async getinciosdass() {
				var that = this;
				let data = await that.$api.getproportion({
					type: 3
				});
				if (data.code == 1) {
					let res = {
						series: [{
							data: [{
								"name": "一星咨询顾问",
								"value": data.data.sum_1
							}, {
								"name": "二星咨询顾问",
								"value": data.data.sum_2
							}, {
								"name": "三星咨询顾问",
								"value": data.data.sum_3
							}, {
								"name": "咨询顾问",
								"value": data.data.sum_4
							}]
						}]
					};
					that.chartDatasss = JSON.parse(JSON.stringify(res));
					that.sum_1_nums = data.data.sum_1_num
					that.sum_2_nums = data.data.sum_2_num
					that.sum_3_nums = data.data.sum_3_num
						that.sum_4_nums = data.data.sum_4_num
					that.sum_1_numss = data.data.sum_1
					that.sum_2_numss = data.data.sum_2
					that.sum_3_numss = data.data.sum_3
					that.sum_4_numss = data.data.sum_4
				} else {
					uni.showToast({
						title: data.msg,
						icon: "none"
					})
				}
			},
			hetdada(imaghe){
				var iamdada = []
				for (var i = 0; i < this.imasghaext.length; i++) {
					iamdada.push(this.imasghaext[i].image)
				}
				console.log(iamdada)
				uni.previewImage({
					current: imaghe,
					urls:iamdada // 所有可预览的图片地址数组
				});
			}
		}
	}
</script>

<style lang="scss">
	.frame {
		width: 100%;
		min-height: 100vh;
		position: relative;
		background-color: #F5F7FB !important;

		.top_nav_box {
			top: 0;
			left: 0;
			z-index: 99;
		}

		.content_hadrimg {
			width: 750rpx;
			height: 744rpx;
			position: absolute;
			top: 0;
		}

		image {
			width: 100%;
			height: 100%;
		}
		
		.masgsadasdad{
			width: 100%;
			height: 100vh;
			background-color: rgba(0, 0, 0, 0.45);
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			.tanucyasdad{
				width: 544rpx;
				height: 268rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				border-radius: 20rpx;
				background: #FFFFFF;
			}
			.tanucyasdad_name{
				font-size: 32rpx;
				font-weight: bold;
				color: #303133;
			}
			.ssadaadad{
				width: 480rpx;
				height: 64rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 12rpx; 
				background: linear-gradient(270deg, #FF8D8D 0%, #FD2E2E 100%);
				font-size: 28rpx;
				color: #FFFFFF;
				margin-top: 64rpx;
			}
		}

		.gngzihuiz {
			width: 702rpx;
			border-radius: 16rpx;
			background: #FFFFFF;
			position: relative;
			margin-left: 24rpx;
			margin-top: -550rpx;
			padding-bottom: 30rpx;
			box-sizing: border-box;
		}

		.gngzihuizsss {
			width: 702rpx;
			border-radius: 16rpx;
			background: #FFFFFF;
			margin-left: 24rpx;
			margin-top: 20rpx;
			padding-bottom: 30rpx;
			box-sizing: border-box;
		}

		.gngzihuizs {
			width: 702rpx;
			border-radius: 16rpx;
			background: #FFFFFF;
			position: relative;
			margin-left: 24rpx;
			margin-top: -550rpx;
		}

		.gunzio_row {
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding-right: 20rpx;
			box-sizing: border-box;
			padding-top: 20rpx;

			.gonghzihui {
				width: 168rpx;
				height: 56rpx;
			}

			.gongzi_time_fkex {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				width: 194rpx;
				height: 56rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 8rpx;
				background: rgba(41, 87, 155, 0.05);

				.timew_name {
					font-size: 28rpx;
					color: #08112C;
				}

				.xialkaheios {
					width: 32rpx;
					height: 32rpx;
					margin-left: 8rpx;
				}
			}
		}

		.charxsasda {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			width: 662rpx;
			margin-top: 32rpx;

			.wanuuan {
				font-size: 24rpx;
				color: #08112C;
				margin-left: 20rpx;
				margin-bottom: 14rpx;
			}

			.iasmdafa {
				width: 662rpx;
				margin-left: 10rpx;
			}

		}

		.gonhgzixinxi_view {
			width: 662rpx;
			height: 176rpx;
			border-radius: 20rpx;
			/* 通用色/背景5% */
			background: rgba(41, 87, 155, 0.05);
			margin-left: 20rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-top: 32rpx;



			.gonhzi_one {
				width: 200rpx;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;

				.gonhz_name {
					font-size: 28rpx;
					color: #08112C;
				}

				.gonhz_gongzi {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					font-size: 32rpx;
					font-weight: bold;
					color: #F94141;
					margin-top: 12rpx;

					text {
						font-size: 28rpx;
						color: #08112C;
						margin-left: 8rpx;
						margin-bottom: 8rpx;
					}
				}

				.baiochi_rte {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					font-size: 24rpx;
					color: #485A75;
					margin-top: 8rpx;

					text {
						font-size: 28rpx;
						color: #08112C;
						margin-left: 8rpx;
						margin-bottom: 8rpx;
					}

					.shangsfhasd {
						width: 28rpx;
						height: 28rpx;
					}

					.sadlaidaasd {
						font-size: 24rpx;
						color: #F94141;
						margin-left: 2rpx;
					}

					.sadlaidaasds {
						font-size: 24rpx;
						color: #0CCEA1;
						margin-left: 2rpx;
					}
				}
			}
		}
	}

	.gonhgzixinxi_views {
		width: 662rpx;
		height: 96rpx;
		border-radius: 20rpx;
		background: rgba(41, 87, 155, 0.05);
		margin-left: 20rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 32rpx;
		padding-right: 20rpx;
		box-sizing: border-box;

		.asdasname {
			font-size: 28rpx;
			color: #08112C;
			margin-left: 20rpx;
		}

		.asdasname_row {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;

			.shangsfhasd {
				width: 28rpx;
				height: 28rpx;
			}

			.sadlaidaasd {
				font-size: 24rpx;
				color: #F94141;
				margin-left: 2rpx;
				margin-right: 30rpx;
			}

			.sadlaidaasdasdad {
				font-size: 24rpx;
				color: #0CCEA1;
				margin-left: 2rpx;
				margin-right: 30rpx;
			}

			.baiochi_rtes {
				font-size: 24rpx;
				color: #485A75;
				margin-right: 30rpx;
			}

			.gonhz_gongzis {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				font-size: 32rpx;
				font-weight: bold;
				color: #F94141;

				text {
					font-size: 28rpx;
					color: #08112C;
					margin-left: 8rpx;
					margin-bottom: 8rpx;
					margin-right: 20rpx;
				}
			}
		}
	}

	.binhtisddfafad {
		width: 702rpx;
		border-radius: 16rpx;
		background: #FFFFFF;
		margin-left: 24rpx;
		margin-top: 20rpx;
		padding-bottom: 60rpx;
		box-sizing: border-box;
		padding-top: 20rpx;

		.tbasd {
			width: 662rpx;
			height: 70rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 12rpx;
			background: rgba(41, 87, 155, 0.05);
			margin-left: 20rpx;

			.yansdf {
				width: 218rpx;
				height: 62rpx;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				border-radius: 12rpx;
				background: #FFFFFF;
				font-size: 26rpx;
				font-weight: bold;
				color: #F94141;
			}

			.yansdfs {
				width: 218rpx;
				height: 62rpx;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				border-radius: 12rpx;
				font-size: 26rpx;
				font-weight: bold;
				color: #485A75;
			}
		}
	}

	.shujusada {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-left: 20rpx;
		padding-right: 20rpx;
		box-sizing: border-box;

		.shujusada_asda {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			width: 210rpx;
			height: 120rpx;
			border-radius: 16rpx;
			background: rgba(41, 87, 155, 0.05);

			.adada_row {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				margin-left: 16rpx;
				margin-top: 16rpx;

				.linasda {
					width: 4rpx;
					height: 28rpx;
					border-radius: 184rpx;
					background: #91CB74;
				}

				.linasda_name {
					font-size: 28rpx;
					color: #08112C;
					margin-left: 8rpx;
				}
			}

			.sadasda {
				font-size: 32rpx;
				font-weight: bold;
				color: #91CB74;
				margin-left: 32rpx;
				margin-top: 8rpx;
			}
		}

		.shujusada_asdas {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			width: 320rpx;
			height: 120rpx;
			border-radius: 16rpx;
			background: rgba(41, 87, 155, 0.05);

			.adada_row {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				margin-left: 16rpx;
				margin-top: 16rpx;

				.linasda {
					width: 4rpx;
					height: 28rpx;
					border-radius: 184rpx;
					background: #91CB74;
				}

				.linasda_name {
					font-size: 28rpx;
					color: #08112C;
					margin-left: 8rpx;
				}
			}

			.sadasda {
				font-size: 32rpx;
				font-weight: bold;
				color: #91CB74;
				margin-left: 32rpx;
				margin-top: 8rpx;
			}
		}
	}

	.sadasdas {
		width: 100%;
		padding-left: 32rpx;
		padding-right: 16rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 8rpx;

		.nasad {
			font-size: 32rpx;
			font-weight: bold;
			color: #F94141;
		}

		.nasads {
			font-size: 28rpx;
			color: #F94141;
		}
	}
	.csadasdacasc {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 40rpx;
	
		.ca_name {
			font-size: 30rpx;
			font-weight: 400;
			color: #F94141;
			margin-left: 50rpx;
		}
		.ca_names{
			font-size: 30rpx;
			font-weight: 400;
			color: #F94141;
		}
	
		.chakndda {
			width: 40rpx;
			height: 40rpx;
		}
	}
	.essay_cent {
		width: 686rpx;
		margin-top: 20rpx;
	}
	.iasfaadadad{
		width: 686rpx;
		height: 336rpx;
		border-radius: 32rpx;
	}
	.uni-margin-wrap {
		height: 336rpx;
		padding-left: 24rpx;
		box-sizing: border-box;
	}
	
	.swiper {
		height: 100%;
		border-radius: 24rpx;
		overflow: hidden; // 这是关键代码, 在整个 swiper 盒子上设置隐藏
	
		.wx-swiper-dot {
			width: 24rpx;
			height: 6rpx;
			border-radius: 10rpx !important;
			background: rgba(222, 34, 33, 0.2);
		}
	
		.wx-swiper-dot-active {
			width: 24rpx !important;
			height: 6rpx;
			background-color: #DE2221 !important;
			border-radius: 10rpx !important;
		}
	}
</style>